{include file="index@/public/header" /}
<style>
body {
  background: #e1e0de;
}
* {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4 {
  font-weight: 700 !important;
}
.layui-card-header {
  width: 100%;
  border-bottom: 1px solid #999 !important;
  padding-left: 5px;
}
.layui-card {
  padding: 10px 20px 50px;
}
.layui-container {
  padding: 0 !important;
}
.layui-breadcrumb {
  padding-left: 5px;
}
.layui-card h1{
  margin: 10px auto 0;
}

.title div:nth-child(2){
  flex: 1.5;
}
.title div:hover, .title .active{
  background: rgba(246,244,244, 0.9);
  cursor: pointer;
  caret-color: rgba(0,0,0,0);
}

.content {
  margin: 20px 10px 0 20px;
}
.content .p {
    margin: 20px 0;
}
.content .question{
  color: #3A6589;
  line-height: 30px;
  font-weight: 550;
}
.content .answer {
  line-height: 17px;
}
@media screen and (min-width: 901px){
  .title, .title div{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .title {
    width: 1150px;
    height: 30px;
    margin-top: 15px;
  }
  .title div{
    flex:1;
    font-size:15px;
    height: inherit;
  }
}
@media screen and (max-width: 900px){
    .title{
      width: 80%;
      flex-direction: column;
    }
    .title div {
      height: 25px;
      line-height: 25px;
      padding-left: 5px;
      font-weight: bold;
    }
    .content {
      margin: 0;
    }
    .content .question{
      line-height: unset;
    }
}
</style>
<div class="layui-container" style='font: 12px/14px arial,helvetica,sans-serif;'>
  <div class="layui-card">
     <span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
    <div class="layui-card-header">
        <h1>滚子轴承</h1>
    </div>

      <div class="layui-content">
          <div class="title">
              <div class="d1"><a href="/resources/bearing-faqs/general-questions/">一般问题</a></div>
              <div class="d2"><a href="/resources/bearing-faqs/part-numbers-and-designations/">零件编号和名称</a></div>
              <div class="d3"><a href="/resources/bearing-faqs/ball-bearings/">球轴承</a></div>
              <div class="d4 active"><a href="/resources/bearing-faqs/roller-bearings/">滚子轴承</a></div>
              <div class="d5"><a href="/resources/bearing-faqs/clearance-and-preload/">间隙和预载荷</a></div>
              <div class="d6"><a href="/resources/bearing-faqs/grease/">润滑</a></div>
          </div>
          <div class="content d4">
            <div class="p">
                <div class="question">{:lang('Are your tapers the same as Timken? Are they interchangeable with Timken?')}</div>
                <div class="answer">{:lang('All LILY tapered roller bearings are Timken interchangeable.')}</div>
            </div>
          </div>

          

      </div>    
  </div>
</div>
{include file="index@/public/footer" /} 
